$(function () {
    //需求1.点击a链接，显示隐藏切换
    $('#loginBox a').on('click', function () {
        //点击登录内部的a链接
        //显示的注册区域，隐藏登录区域
        $('#loginBox').hide()
        $('#regBox').show()

    })
    $('#regBox a').on('click', function () {
        //点击注册内部的a链接
        //显示的登录区域，隐藏注册区域
        $('#loginBox').show()
        $('#regBox').hide()
    });

    // 需求2.自定义校验规则
    let form = layui.form
    //verify()定义校验规则，参数是一个对象
    form.verify({
        //属性是规则名称，值是具体规则，有两种
        username: [
            /^[a-zA-Z0-9]{1,10}$/,
            '用户名必须是1-10为字母和数字',
        ],
        //密码的校验规则
        pwd: [
            /^[\S]{6,15}$/,
            '密码必须6到12位数字和字母'
        ],
        rePwd: function (value) {
            //如果原密码的值和确认密码的值不相等，就报错
            let pwd = $('#regBox input[name=password]').val()
            if (pwd != value) {
                return alert('两次密码输入的不一致')
            }

        }

       
       
    })
    
     //需求3：注册
     let layer = layui.layer
     $('#formReg').on('submit',function(e){
        e.preventDefault()
        //发送ajax
        axios({
            method:'POST',
            url:'http://api-breakingnews-web.itheima.net/api/reguser',
            data:$('#formReg').serialize()
        }).then(res=>{
            console.log(res.data);
            if(res.data.status !==0){
                return layer.msg(res.message)
            }
           layer.msg('恭喜您，注册成功',{
            icon: 6
           })
            // 清空form表单，切换到登录区域
            $('#formReg')[0].reset()  //reset() 是DOM对象
            //切换到登录区域
            $('#regBox a').click()
        })

     })
     //需求4：登录
     $('#formLogin').on('submit',function(e){
         e.preventDefault()
         //发送ajax
         axios({
             method:'POST',
             url:"http://api-breakingnews-web.itheima.net/api/login",
             data:$(this).serialize()
         }).then(res=>{
             console.log(res.data);
             if(res.data.status !=0){
                 return layer.msg(res.data.message)
             }
             //成功提示
             layer.msg('恭喜你，登录成功',{
                icon: 6
             });
             localStorage.setItem('token',res.data.token)
             //页面跳转到 index.html
             location.href = '/index.html'
         })
     })
})